<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>高压氧多重耐药患者治疗舱消毒记录单-frame</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
    <style>
      #app{
        padding-top: 20px;
      }
      .aui-border-t:before,.aui-border-t::after{
        display: none;
      }
      .aui-card-list{
        background-color: transparent;
      }
      .aui-card-list-content-padded{
        display: -webkit-flex;
        display: flex;
        justify-content: space-around;
        position: relative;
        padding: 0 !important;
      }
      .aui-row-padded{
        width: 40%;
      }
      .aui-card-list-content-padded:nth-child(odd) > .aui-row-padded{
        padding-right: 20px !important;
      }
      .aui-card-list-content-padded:nth-child(even) > .aui-row-padded{
        padding-left: 20px !important;
      }
      .aui-card-list-content-padded:nth-child(even) > section{
        height: 100%;
        position: absolute;
        width: 3px;
        background-color: #0064B0;
        left: 50%;
      }
      .aui-card-list-content-padded:nth-child(odd) > section{
        height: 100%;
        position: absolute;
        width: 3px;
        background-color: #0064B0;
        right: 50%;
        transform: translate(3px);
      }
      .aui-card-list-content-padded > section > p{
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #0064B0;
        line-height: 60px;
        text-align: center;
        color: #fff;
      }
      .aui-list-header{
        position: relative;
        background-color: #0064B0;
        color: #fff;
        padding: 10px;
        border-radius: 5px;
      }
      .aui-card-list-content-padded:nth-child(odd) > .aui-row-padded > .aui-list-header::after{
        position: absolute;
        top: 50%;
        right: -30px;
        transform: translateY(-50%);
        content: '';
        height: 0px;
        width: 0px;
        border-top: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0064B0;
      }
      .aui-card-list-content-padded:nth-child(even) > .aui-row-padded > .aui-list-header::after{
        position: absolute;
        top: 50%;
        left: -30px;
        transform: translateY(-50%);
        content: '';
        height: 0px;
        width: 0px;
        border-top: 15px solid transparent;
        border-left: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 15px solid #0064B0;
      }
      .aui-row-padded-wrapper > .aui-col-xs-6{
        background-color: #fff;
        padding: 5px 10px;
      }
    </style>
</head>

<body>
    <main id="app">
        <div class="aui-card-list">
          <div  v-for="(item,index) in DrugResistantBacteria">
            <div v-if="index%2 === 0"  class="aui-card-list-content-padded aui-border-b aui-border-t">
                <div class="aui-row aui-row-padded aui-row aui-row-padded-wrapper">
                  <li class="aui-list-header">日期：{{item.F_DisRecordTime}}</li>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                              舱壁：&nbsp;
                              <span v-if="item.F_DisBulkhead == '1'">✔</span>
                              <span v-if="item.F_DisBulkhead == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                              台面：&nbsp;
                              <span v-if="item.F_DisPlatform == '1'">✔</span>
                              <span v-if="item.F_DisPlatform == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                            地面：&nbsp;
                            <span v-if="item.F_DisGround == '1'">✔</span>
                            <span v-if="item.F_DisGround == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                            空气：&nbsp;
                            <span v-if="item.F_AtmosphereDis == '1'">✔</span>
                            <span v-if="item.F_AtmosphereDis == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                            &nbsp;
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                              签名：&nbsp;
                              <span>{{item.F_DisRecordSign}}</span>
                          </div>
                      </div>
                  </div>
                </div>
                <section>
                  <p>
                    {{index+1}}
                  </p>
                </section>
                <div class="aui-row aui-row-padded">

                </div>
            </div>
            <div v-if="index%2 === 1"  class="aui-card-list-content-padded aui-border-b aui-border-t">
              <div class="aui-row aui-row-padded">
              </div>
              <section>
                <p>
                    {{index+1}}
                </p>
              </section>
                <div class="aui-row aui-row-padded aui-row aui-row-padded-wrapper">
                  <li class="aui-list-header">日期：{{item.F_DisRecordTime}}</li>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                              舱壁：&nbsp;
                              <span v-if="item.F_DisBulkhead == '1'">✔</span>
                              <span v-if="item.F_DisBulkhead == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                              台面：&nbsp;
                              <span v-if="item.F_DisPlatform == '1'">✔</span>
                              <span v-if="item.F_DisPlatform == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                            地面：&nbsp;
                            <span v-if="item.F_DisGround == '1'">✔</span>
                            <span v-if="item.F_DisGround == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                            空气：&nbsp;
                            <span v-if="item.F_AtmosphereDis == '1'">✔</span>
                            <span v-if="item.F_AtmosphereDis == '0'">✖</span>
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                            &nbsp;
                          </div>
                      </div>
                  </div>
                  <div class="aui-col-xs-6">
                      <div class="aui-list-item-inner">
                          <div class="aui-list-item-label">
                              签名：&nbsp;
                              <span>{{item.F_DisRecordSign}}</span>
                          </div>
                      </div>
                  </div>
                </div>
            </div>
          </div>
        </div>
    </main>
</body>

</html>

<script src="../script/api.js" charset="utf-8"></script>
<script src="../script/vue.js" charset="utf-8"></script>
<script src="../js/ToConfigure.js" charset="utf-8"></script>
<script src="../script/aui-toast.js" charset="utf-8"></script>
<script src="../script/aui-dialog.js" charset="utf-8"></script>
<script type="text/javascript">
    apiready = function() {
        var vm = new Vue({
            el: '#app',
            data: {
                searchInfo: '',
                DrugResistantBacteria:[],  //耐药菌消毒记录信息
                Url_IP: ""                 //医院IP地址
            },created(){

              //获取所属医院IP地址
              this.Url_IP = ToConfigure_IP("Gorgeous");


              //查询条件
              var JsonStr = GetParameters();

              api.ajax({
                  url: this.Url_IP + 'EquipmentInspect/HO_DcnyjhzlcDisinfectionRecord/Select_HO_DcnyjhzlcDisinfectionRecord',
                  method: 'post',
                  data: {
                      values: {
                          parms: JsonStr
                      }
                  }
              },function(ret, err){
                var toast = new auiToast();
                  if (ret!="") {
                      vm.DrugResistantBacteria = ret;
                  } else {
                    toast.fail({
                        title:"暂无信息",
                        duration:2000
                    });
                  }
              });
            },
        })
    }
    //查询重耐药患者治疗舱消毒记录条件
    function GetParameters() {
    var JsParms = new Object();
    return JSON.stringify(JsParms);
}
</script>
